<ion-header>
  <ion-toolbar class="toolbar-head">
    <ion-buttons slot="start" mode='ios'>
      <ion-back-button text="" routerDirection="root"></ion-back-button>
    </ion-buttons>
    <ion-title>Payment Details</ion-title>
    <!-- <ion-label slot="end" style="color: white; font-size: 0.8rem;padding-right: 5px;">所有订单</ion-label> -->
  </ion-toolbar>
</ion-header>
<ion-content>

  <div class="pay">
      <ion-item class="pay-title" lines='none'>
          <img style="margin-left: 20%;" src="../../../../assets/img/pay-succeed.png" alt="" *ngIf="payType">
          <img style="margin-left: 20%;" src="../../../../assets/img/pay-defeated.png" alt="" *ngIf="!payType">
          <span>{{payToast}}</span>
      </ion-item>
      <div class="pay-info">
          <p>Order Information</p>
          <p>Order Number &nbsp; &nbsp; &nbsp; &nbsp;&nbsp; &nbsp;   <span>{{dataInfo.orderId}}</span></p>
          <p>Payment Method &nbsp; &nbsp; &nbsp; &nbsp;  <span>onekpay</span></p>
          <p>Order Total&nbsp; &nbsp; &nbsp; &nbsp;  <span>{{allPrice}}</span></p>
      </div>
      

      <div class="btn">
          <button style="margin-right: 5%;" (click)="btn(0)">Back to Home </button>
          <button style="margin-left: 5%;" (click)="btn(1)" class="btn-2">Check Order          </button>
      </div>
      

  </div>

</ion-content>